<div id="cf-plugin">
    <div class="block">
        <div class="kintoneplugin-label">{{html:terms.cf_text_title}}</div>

        <div class="block">
            <table class="kintoneplugin-table" id="out-table">
                <thead>
                    <tr>
                        <th class="kintoneplugin-table-th">
                            <span class="title">{{html:terms.cf_text_column1}}<span class="kintoneplugin-require">*</span></a></span>
                        </th>
                        <th class="kintoneplugin-table-th">
                            <span class="title">{{html:terms.cf_text_column2}}
                                <span class="kintoneplugin-require">*</span>
                            </span>
                        </th>
                        <th class="kintoneplugin-table-th">
                            <span class="title">{{html:terms.cf_text_column3}}<br/>
                             <i class="kintoneplugin-message">{{html:terms.cf_text_column3a}}</i>
                            </span>
                        </th>
                        <th class="kintoneplugin-table-th">
                            <span class="title">{{html:terms.cf_text_column4}}<span class="kintoneplugin-require">*</span></a></span>
                        </th>
                        <th class="kintoneplugin-table-th-blankspace"></th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="out-tr">
                        <td valign="top">
                            <div class="kintoneplugin-table-td-control">
                                <div class="
                                kintoneplugin-table-td-control-value">
                                    <div class="kintoneplugin-select-outer">
                                        <div class="kintoneplugin-select">
                                            <select class="cf-plugin-column1">
                                                <option value="" name="">-----</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </td>
                        <td valign="top">
                            <div class="kintoneplugin-table-td-control">
                                <div class="kintoneplugin-table-td-control-value">
                                    <div class="kintoneplugin-select-outer">
                                        <div class="kintoneplugin-select">
                                            <select class="cf-plugin-column2">
                                                <option value="" name="">-----</option>
                                                <option value="match">{{html:terms.cf_text_column2_option1}}</option>
                                                <option value="unmatch">{{html:terms.cf_text_column2_option2}}</option>
                                                <option value="==">{{html:terms.cf_text_column2_option3}}</option>
                                                <option value="!=">{{html:terms.cf_text_column2_option4}}</option>
                                                <option value="<=">{{html:terms.cf_text_column2_option5}}</option>
                                                <option value="<">{{html:terms.cf_text_column2_option6}}</option>
                                                <option value=">=">{{html:terms.cf_text_column2_option7}}</option>
                                                <option value=">">{{html:terms.cf_text_column2_option8}}</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </td>
                        <td valign="top">
                            <div class="kintoneplugin-table-td-control">
                                <div class="kintoneplugin-table-td-control-value">
                                    <div class="kintoneplugin-input-outer">
                                        <span>
                                            <input class="kintoneplugin-input-text cf-plugin-column3"/>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <table class="kintoneplugin-table-in-table">
                                <tbody>
                                    <tr class="in-tr">
                                        <td class="select-in-td">
                                            <div class="kintoneplugin-table-td-control" id="cf-plugin-column4">
                                                <div class="kintoneplugin-table-td-control-value">
                                                    <div class="kintoneplugin-select-outer">
                                                        <div class="kintoneplugin-select">
                                                            <select class="cf-plugin-column4">
                                                                <option value="" name="">-----</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div> 
                                            </div>
                                        </td>
                                        <td class="kintoneplugin-table-td-operation">
                                            <button type="button" class="kintoneplugin-button-add-row-image" title="Add row"></button>
                                            <button type="button" class="kintoneplugin-button-remove-row-image" title="Delete this row"></button>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                        <td class="kintoneplugin-table-td-operation cf-plugin-column9">
                            <button type="button" class="kintoneplugin-button-add-row-image" title="Add row"></button>
                            <button type="button" class="kintoneplugin-button-remove-row-image" title="Delete this row"></button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="block">
        <button class="kintoneplugin-button-dialog-ok" id="cf-submit" type="button">{{html:terms.cf_plugin_submit}}</button>
        <button class="kintoneplugin-button-dialog-cancel" id="cf-cancel" type="button">{{html:terms.cf_plugin_cancel}}</button>
    </div>
</div>
